<template>
	<view class="p20">
		<view class="bg-fff mb40 radius20 p24 pt40 pb40 shadow flex row-between">
			<view class="flex">
				<u-icon name="weixin-fill" size="60" color="red"></u-icon>
				<view class="h90 bg-zs w2 opa1 ml24 mr20"></view>
				<view class="flex1 als-s flex-col row-between fs30 lh1">
					<view class="">客服微信</view>
					<view class="" @click="$tool.copy($config.service_wechat)">{{$config.service_wechat}}</view>
				</view>
			</view>
			<view class="color-zs" @click="$tool.copy($config.service_wechat)"> 复制</view>
		</view>
		<view class="bg-fff mb40 radius20 p24 pt40 pb40 shadow flex row-between">
			<view class="flex">
				<u-icon name="kefu-ermai" size="60" color="red"></u-icon>
				<view class="h90 bg-zs w2 opa1 ml24 mr20"></view>
				<view class="flex1 als-s flex-col row-between fs30 lh1">
					<view class="">客服电话</view>
					<view class="" @click="$tool.copy($config.service_mobile)">{{$config.service_mobile}}</view>
				</view>
			</view>
			<u-icon name="phone" size="60" color="red" @click="$tool.phone($config.service_mobile)"></u-icon>
		</view>
		<!-- <view class="bg-fff mb40 radius20 p24 pt40 pb40 shadow flex row-between" @click="$jump('/pages/message/chat?consult_id=0&type=kefu')">
			<view class="flex">
				<u-icon name="kefu-ermai" size="60" color="red"></u-icon>
				<view class=" bg-zs w2 opa1 ml24 mr20"></view>
				<view class="">客服咨询</view>
			</view>
			<u-icon name="arrow-right"></u-icon>
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.shadow {
		box-shadow: rgba(157, 124, 111, 0.2) 0px 6px 26px 0px;
	}
</style>